<!DOCTYPE html>
<html>
    <head>
        <style>
            table,tr,th,td{
               border:1px solid   ;
               border-collapse: collapse;
               padding: 50px;
            }
            thead{
                color: aqua;
            }
            tbody{
                color: blue;
            }
            body{
                background-size:100%;
            }
           
            
        </style>
        </head>
    <body background="hongA.jpg">
        <p id="top"></p>
       <meta charset="utf-8">
       <h2>图片</h2>
       <img src="2057374.jpg" width="900" height="480"><br>
       <img src="https://pic4.zhimg.com/v2-a1d9b2ba9647ab41d1fde32bd471abb3_r.jpg" width="360" height="480"><br>
       超链接：
       <a href="https://www.baidu.com">This is a link</a><br>
       <a href="1.html#content">Saber(阿尔托利亚·潘德拉贡)</a><br>
       <h2>列表</h2><br>
       animation I love :<br>
       <ol>
        <li>你的名字</li>
        <li>境界的彼方</li>
        <li>野良神</li>
        <li>Fate</li>
        <li>Charlotte</li>
       </ol>
     Rank Of Fate: <br>
       <ul>
        <li>Saber</li>
        <li>Archer</li>
        <li>Caster</li>
        <li>Lancer</li>
        <li>Rider</li>
        <li>Assassin</li>
        <li>Berserker</li>
       </ul>
       My love:<br>
       <ol>
        <li>game
            <ul>
                <li>league oflegends</li>
                <li> Assassin's Creed</s></li> 
               
            </ul>
        </li>
        <li>animation</li>
       </ol>
    <h2> 表格</h2>
       <table width="100%" height="300px">
        <colgroup>
        <col span="1"style="background-color:red">
        <col span="2"style="background-color:yellow">
        <col span="4"style="background-color:green">
    </colgroup>
        <caption>Fate</caption>
        <thead>
        <tr>
            <th>Saber</th>
            <th>Archer</th>
            <th>Caster</th>
            <th>Lancer</th>
            <th>Rider</th>
            <th>Assassin</th>
            <th>Berserker</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td rowspan="2">阿尔托利亚·潘德拉贡</td>
            <td colspan="2">吉尔伽美什</td>
            <td>迪卢木多·奥迪那</td>
            <td>伊斯坎达尔</td>
            <td>哈桑·萨巴赫</td>
            <td>兰斯洛特</td>
        </tr>
        <tr>
            <td>卫宫士郎(红A)</td>
            <td>美狄亚</td>
            <td>库·丘林</td>
            <td>美杜莎</td>
            <td>佐佐木小次郎</td>
            <td>赫拉克勒斯</td>
        </tr>
        </tbody>
       </table>
       <h2>表单</h2>
       <form>
        usename<input type="text"name="usename"><br>
        password<input type="text" name="password"><br>
        name<input type="text" name="name"><br>
        contact information<input type="text" name="contact information"><br>
        self-introduction<input type="text" name="self-introduction"><br>
        <button type="button" onclick="alert('I am the god!')">注册</button>
        <button type="button" onclick="alert('I am the god!')">忘记密码</button>
        <button type="button" onclick="alert('I am the god!')">发送验证码</button><br>
        <input type="radio" name="sex" value="male">男<br>
        <input type="radio" name="sex" value="female">女<br>
        <input type="checkbox" name="habbit" value="看动漫">看动漫<br>
        <input type="checkbox" name="habbit" value="打游戏">打游戏<br>
        <input type="checkbox" name="habbit" value="看书">看书<br>
        <input type="checkbox" name="habbit" value="踢足球">踢足球<br>
        <input type="checkbox" name="habbit" value="打篮球">打篮球<br>
        <select name="Class">
        <option value="软件7班">软件7班</option>
        <option value="软件8班">软件8班</option>
        <option value="软件9班">软件9班</option>
        <option value="软件10班">软件10班</option>
        <option value="软件11班">软件11班</option>
        <option value="软件12班">软件12班</option>
        </select>





    </form>

    <a href="#top">回到顶部</a>



    
  

    
    </body>
</html>